<template>
	<view class="group_1 flex-col">
	      <view class="group_11 flex-col">
	        
	        <image style="width: 545rpx;height: 108rpx;margin: 0 auto;display: block;" src="../../static/yq/yqhy.png" mode=""></image>
			
	        <button class="button_1 flex-col" @click="onClick_1">
	          <text class="text_2">立即分享</text>
	        </button>
	      </view>
	      <view class="group_12 flex-col">
	        <view class="box_3 flex-row justify-between">
	          <image
	            class="image_3"
	            referrerpolicy="no-referrer"
	            src="../../static/invitation/dd.png"
	          />
	          <text class="text_3">我的邀请</text>
	          <image
	            class="image_4"
	            referrerpolicy="no-referrer"
	            src="../../static/invitation/dd.png"
	          />
	        </view>
	        <view class="image-text_11 flex-row justify-between">
	          <image
	            class="single-avatar_1"
	            referrerpolicy="no-referrer"
	            src="https://lanhu.oss-cn-beijing.aliyuncs.com/d2533fde7634ac6057081c04d696ad2d"
	          />
	          <view class="text-group_11 flex-col justify-between">
	            <text class="text_4">季节电影</text>
	            <view class="text-wrapper_1">
	              <text class="text_5">已成功邀请</text>
	              <text class="text_6">16</text>
	              <text class="text_7">人</text>
	            </view>
	          </view>
	        </view>
	        <image
	          class="image_5"
	          referrerpolicy="no-referrer"
	          src="https://lanhu.oss-cn-beijing.aliyuncs.com/99ae7e91256cf950089168f33dd466c2"
	        />
			<view v-for="item in 5">
				<view class="box_4 flex-row justify-between">
				  <view class="image-text_12 flex-row justify-between">
				    <image
				      class="image_6"
				      referrerpolicy="no-referrer"
				      src="https://lanhu.oss-cn-beijing.aliyuncs.com/b98fa0c724ef617712c7a4b92a87d27c"
				    />
				    <text class="text-group_2">白野兽</text>
				  </view>
				  <text class="text_8">注册时间:2024.06.06</text>
				</view>
				<image
				  class="image_7"
				  referrerpolicy="no-referrer"
				  src="https://lanhu.oss-cn-beijing.aliyuncs.com/f4a64fdb8f558e447d827243385455b3"
				/>
			</view>
	        
	        <view class="image-text_20 flex-row justify-between" style="display: flex;align-items: center;justify-content: center;">
	          <text class="text-group_10">查看全部</text>
	          <uni-icons type="right"></uni-icons>
	        </view>
	      </view>
	    </view>
</template>

<script>
</script>

<style scoped lang="scss">
	
	.group_1 {
	    background: url('../../static/invitation/bg.png') no-repeat;
	    background-size: 100% 100%;
		padding-bottom: 80rpx;
		height: 100vh;
	    .image_1 {
	      width: 696.875rpx;
	      height: 25rpx;
	      margin: 33.333333333333336rpx 0 0 28.125rpx;
	    }
	    .group_11 {
	      width: 100%;
		  padding-top: 100rpx;
	      .nav-bar_2 {
	        width: 748.9583333333334rpx;
	        height: 77.08333333333333rpx;
	        margin-top: 22.916666666666668rpx;
	        .icon_1 {
	          background-color: rgba(255, 255, 255, 1);
	          width: 15.625rpx;
	          height: 29.166666666666668rpx;
	          margin: 25rpx 0 0 31.25rpx;
	        }
	        .text_1 {
	          width: 132.29166666666666rpx;
	          height: 31.25rpx;
	          overflow-wrap: break-word;
	          color: rgba(255, 255, 255, 1);
	          font-size: 33.333333333333336rpx;
	          font-family: PingFangSC-Heavy;
	          font-weight: 900;
	          text-align: left;
	          line-height: 2.0833333333333335rpx;
	          margin: 23.958333333333332rpx 291.6666666666667rpx 0 278.125rpx;
	        }
	      }

	      .button_1 {
	        background-image: linear-gradient(
	          270deg,
	          rgba(179, 146, 114, 1) 0,
	          rgba(179, 146, 114, 1) 0.390625%,
	          rgba(179, 146, 114, 1) 100%,
	          rgba(179, 146, 114, 1) 100%
	        );
	        border-radius: 34px;
	        height: 70.83333333333333rpx;
	        width: 235.41666666666666rpx;
	        margin: 45.833333333333336rpx 0 40.625rpx 257.2916666666667rpx;
	        .text_2 {
	          width: 156.25rpx;
	          height: 35.416666666666664rpx;
	          overflow-wrap: break-word;
	          color: rgba(255, 242, 247, 1);
	          font-size: 37.5rpx;
	          font-family: PingFangSC-Heavy;
	          font-weight: 900;
	          text-align: left;
	          line-height: 1.0416666666666667rpx;
	        }
	      }
	    }
	    .group_12 {
	      width: 687.5rpx;
		  padding-bottom: 50rpx;
	      background: url('../../static/invitation/b-bg.png')
	        100% no-repeat;
	      background-size: 100% 100%;
	      margin: -1.0416666666666667rpx 0 34.375rpx 31.25rpx;
		  padding-top: 40rpx;
	      .box_3 {
	        width: 425rpx;
	        margin: 0 auto;
			display: flex;
			align-items: center;
	        .image_3 {
	          width: 94.79166666666667rpx;
	          height: 11.458333333333334rpx;
	          margin-top: 11.458333333333334rpx;
	        }
	        .text_3 {
	          width: 153.125rpx;
	          overflow-wrap: break-word;
	          color: rgba(37, 48, 62, 1);
	          font-size: 35.416666666666664rpx;
	          font-family: PingFangSC-Heavy;
	          font-weight: 900;
	          text-align: left;
	          margin-left: 41.666666666666664rpx;
	        }
	        .image_4 {
	          width: 94.79166666666667rpx;
	          height: 11.458333333333334rpx;
	          margin: 11.458333333333334rpx 0 0 40.625rpx;
	        }
	      }
	      .image-text_11 {
	        width: 338.5416666666667rpx;
	        height: 104.16666666666667rpx;
	        margin: 47.916666666666664rpx 0 0 41.666666666666664rpx;
			display: flex;
			justify-content: space-between;
	        .single-avatar_1 {
	          width: 104.16666666666667rpx;
	          height: 104.16666666666667rpx;
	        }
	        .text-group_11 {
	          width: 214.58333333333334rpx;
	          height: 75rpx;
	          .text_4 {
	            width: 107.29166666666667rpx;
	            height: 26.041666666666668rpx;
	            overflow-wrap: break-word;
	            color: rgba(13, 24, 46, 1);
	            font-size: 27.083333333333332rpx;
	            font-family: PingFangSC-Heavy;
	            font-weight: 900;
	            text-align: center;
	            white-space: nowrap;
	            line-height: 60rpx;
	          }
	          .text-wrapper_1 {
	            width: 213.54166666666666rpx;
	            height: 31.25rpx;
	            overflow-wrap: break-word;
	            font-size: 0;
	            font-family: PingFangSC-Heavy;
	            font-weight: 900;
	            text-align: left;
	            line-height: 2.0833333333333335rpx;
	            margin: 17.708333333333332rpx 0 0 1.0416666666666667rpx;
	            .text_5 {
	              width: 213.54166666666666rpx;
	              height: 31.25rpx;
	              overflow-wrap: break-word;
	              color: rgba(117, 128, 142, 1);
	              font-size: 25rpx;
	              font-family: PingFangSC-Heavy;
	              font-weight: 900;
	              text-align: left;
	              line-height: 2.0833333333333335rpx;
	            }
	            .text_6 {
	              width: 213.54166666666666rpx;
	              height: 31.25rpx;
	              overflow-wrap: break-word;
	              color: rgba(232, 185, 155, 1);
	              font-size: 37.5rpx;
	              font-family: PingFangSC-Heavy;
	              font-weight: 900;
	              text-align: left;
	              line-height: 2.0833333333333335rpx;
	            }
	            .text_7 {
	              width: 213.54166666666666rpx;
	              height: 31.25rpx;
	              overflow-wrap: break-word;
	              color: rgba(117, 128, 142, 1);
	              font-size: 25rpx;
	              font-family: PingFangSC-Heavy;
	              font-weight: 900;
	              text-align: left;
	              line-height: 2.0833333333333335rpx;
	            }
	          }
	        }
	      }
	      .image_5 {
	        width: 644.7916666666666rpx;
	        height: 2.0833333333333335rpx;
	        margin: 50rpx 0 0 21.875rpx;
	      }
	      .box_4 {
	        width: 626.0416666666666rpx;
	        height: 56.25rpx;
	        margin: 33.333333333333336rpx 0 0 41.666666666666664rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
	        .image-text_12 {
	          width: 155.20833333333334rpx;
	          height: 56.25rpx;
			  display: flex;
			  align-items: center;
			  justify-content: space-between;
	          .image_6 {
	            width: 56.25rpx;
	            height: 56.25rpx;
	          }
	          .text-group_2 {
	            width: 77.08333333333333rpx;
	            overflow-wrap: break-word;
	            color: rgba(78, 88, 102, 1);
	            font-size: 27.083333333333332rpx;
	            font-family: PingFangSC-Medium;
	            font-weight: 500;
	            text-align: left;
	            white-space: nowrap;
	          }
	        }
	        .text_8 {
	          width: 242.70833333333334rpx;
	          overflow-wrap: break-word;
	          color: rgba(140, 151, 166, 1);
	          font-size: 25rpx;
	          font-family: PingFangSC-Medium;
	          font-weight: 500;
	          text-align: left;
	          white-space: nowrap;
	        }
	      }
	      .image_7 {
	        width: 603.125rpx;
	        height: 1.0416666666666667rpx;
	        margin: 20.833333333333332rpx 0 0 42.708333333333336rpx;
	      }
	      .box_5 {
	        width: 626.0416666666666rpx;
	        height: 56.25rpx;
	        margin: 20.833333333333332rpx 0 0 41.666666666666664rpx;
	        .image-text_13 {
	          width: 210.41666666666666rpx;
	          height: 56.25rpx;
	          .single-avatar_2 {
	            width: 56.25rpx;
	            height: 56.25rpx;
	          }
	          .text-group_3 {
	            width: 135.41666666666666rpx;
	            height: 26.041666666666668rpx;
	            overflow-wrap: break-word;
	            color: rgba(78, 88, 102, 1);
	            font-size: 27.083333333333332rpx;
	            font-family: PingFangSC-Medium;
	            font-weight: 500;
	            text-align: left;
	            white-space: nowrap;
	            line-height: 43.75rpx;
	            margin-top: 15.625rpx;
	          }
	        }
	        .text_9 {
	          width: 242.70833333333334rpx;
	          height: 23.958333333333332rpx;
	          overflow-wrap: break-word;
	          color: rgba(140, 151, 166, 1);
	          font-size: 25rpx;
	          font-family: PingFangSC-Medium;
	          font-weight: 500;
	          text-align: left;
	          white-space: nowrap;
	          line-height: 43.75rpx;
	          margin-top: 17.708333333333332rpx;
	        }
	      }
	      .image_8 {
	        width: 603.125rpx;
	        height: 1.0416666666666667rpx;
	        margin: 20.833333333333332rpx 0 0 42.708333333333336rpx;
	      }
	      .box_6 {
	        width: 626.0416666666666rpx;
	        height: 56.25rpx;
	        margin: 20.833333333333332rpx 0 0 41.666666666666664rpx;
	        .image-text_14 {
	          width: 237.5rpx;
	          height: 56.25rpx;
	          .single-avatar_3 {
	            background-color: rgba(151, 151, 151, 1);
	            border-radius: 50%;
	            width: 56.25rpx;
	            height: 56.25rpx;
	          }
	          .text-group_4 {
	            width: 162.5rpx;
	            height: 26.041666666666668rpx;
	            overflow-wrap: break-word;
	            color: rgba(78, 88, 102, 1);
	            font-size: 27.083333333333332rpx;
	            font-family: PingFangSC-Medium;
	            font-weight: 500;
	            text-align: left;
	            white-space: nowrap;
	            line-height: 43.75rpx;
	            margin-top: 15.625rpx;
	          }
	        }
	        .text_10 {
	          width: 242.70833333333334rpx;
	          height: 23.958333333333332rpx;
	          overflow-wrap: break-word;
	          color: rgba(140, 151, 166, 1);
	          font-size: 25rpx;
	          font-family: PingFangSC-Medium;
	          font-weight: 500;
	          text-align: left;
	          white-space: nowrap;
	          line-height: 43.75rpx;
	          margin-top: 17.708333333333332rpx;
	        }
	      }
	      .image_9 {
	        width: 603.125rpx;
	        height: 1.0416666666666667rpx;
	        margin: 20.833333333333332rpx 0 0 42.708333333333336rpx;
	      }
	      .box_7 {
	        width: 626.0416666666666rpx;
	        height: 56.25rpx;
	        margin: 20.833333333333332rpx 0 0 41.666666666666664rpx;
	        .image-text_15 {
	          width: 210.41666666666666rpx;
	          height: 56.25rpx;
	          .single-avatar_4 {
	            background-color: rgba(151, 151, 151, 1);
	            border-radius: 50%;
	            width: 56.25rpx;
	            height: 56.25rpx;
	          }
	          .text-group_5 {
	            width: 135.41666666666666rpx;
	            height: 26.041666666666668rpx;
	            overflow-wrap: break-word;
	            color: rgba(78, 88, 102, 1);
	            font-size: 27.083333333333332rpx;
	            font-family: PingFangSC-Medium;
	            font-weight: 500;
	            text-align: left;
	            white-space: nowrap;
	            line-height: 43.75rpx;
	            margin-top: 15.625rpx;
	          }
	        }
	        .text_11 {
	          width: 242.70833333333334rpx;
	          height: 23.958333333333332rpx;
	          overflow-wrap: break-word;
	          color: rgba(140, 151, 166, 1);
	          font-size: 25rpx;
	          font-family: PingFangSC-Medium;
	          font-weight: 500;
	          text-align: left;
	          white-space: nowrap;
	          line-height: 43.75rpx;
	          margin-top: 17.708333333333332rpx;
	        }
	      }
	      .image_10 {
	        width: 603.125rpx;
	        height: 1.0416666666666667rpx;
	        margin: 20.833333333333332rpx 0 0 42.708333333333336rpx;
	      }
	      .box_8 {
	        width: 626.0416666666666rpx;
	        height: 56.25rpx;
	        margin: 7.291666666666667rpx 0 0 41.666666666666664rpx;
	        .image-text_16 {
	          width: 237.5rpx;
	          height: 56.25rpx;
	          .single-avatar_5 {
	            background-color: rgba(151, 151, 151, 1);
	            border-radius: 50%;
	            width: 56.25rpx;
	            height: 56.25rpx;
	          }
	          .text-group_6 {
	            width: 162.5rpx;
	            height: 26.041666666666668rpx;
	            overflow-wrap: break-word;
	            color: rgba(78, 88, 102, 1);
	            font-size: 27.083333333333332rpx;
	            font-family: PingFangSC-Medium;
	            font-weight: 500;
	            text-align: left;
	            white-space: nowrap;
	            line-height: 43.75rpx;
	            margin-top: 15.625rpx;
	          }
	        }
	        .text_12 {
	          width: 242.70833333333334rpx;
	          height: 23.958333333333332rpx;
	          overflow-wrap: break-word;
	          color: rgba(140, 151, 166, 1);
	          font-size: 25rpx;
	          font-family: PingFangSC-Medium;
	          font-weight: 500;
	          text-align: left;
	          white-space: nowrap;
	          line-height: 43.75rpx;
	          margin-top: 17.708333333333332rpx;
	        }
	      }
	      .image_11 {
	        width: 603.125rpx;
	        height: 1.0416666666666667rpx;
	        margin: 20.833333333333332rpx 0 0 42.708333333333336rpx;
	      }
	      .box_9 {
	        width: 626.0416666666666rpx;
	        height: 56.25rpx;
	        margin: 20.833333333333332rpx 0 0 41.666666666666664rpx;
	        .image-text_17 {
	          width: 210.41666666666666rpx;
	          height: 56.25rpx;
	          .single-avatar_6 {
	            background-color: rgba(151, 151, 151, 1);
	            border-radius: 50%;
	            width: 56.25rpx;
	            height: 56.25rpx;
	          }
	          .text-group_7 {
	            width: 135.41666666666666rpx;
	            height: 26.041666666666668rpx;
	            overflow-wrap: break-word;
	            color: rgba(78, 88, 102, 1);
	            font-size: 27.083333333333332rpx;
	            font-family: PingFangSC-Medium;
	            font-weight: 500;
	            text-align: left;
	            white-space: nowrap;
	            line-height: 43.75rpx;
	            margin-top: 15.625rpx;
	          }
	        }
	        .text_13 {
	          width: 242.70833333333334rpx;
	          height: 23.958333333333332rpx;
	          overflow-wrap: break-word;
	          color: rgba(140, 151, 166, 1);
	          font-size: 25rpx;
	          font-family: PingFangSC-Medium;
	          font-weight: 500;
	          text-align: left;
	          white-space: nowrap;
	          line-height: 43.75rpx;
	          margin-top: 17.708333333333332rpx;
	        }
	      }
	      .image_12 {
	        width: 603.125rpx;
	        height: 1.0416666666666667rpx;
	        margin: 20.833333333333332rpx 0 0 42.708333333333336rpx;
	      }
	      .box_10 {
	        width: 626.0416666666666rpx;
	        height: 56.25rpx;
	        margin: 20.833333333333332rpx 0 0 41.666666666666664rpx;
	        .image-text_18 {
	          width: 237.5rpx;
	          height: 56.25rpx;
	          .single-avatar_7 {
	            background-color: rgba(151, 151, 151, 1);
	            border-radius: 50%;
	            width: 56.25rpx;
	            height: 56.25rpx;
	          }
	          .text-group_8 {
	            width: 162.5rpx;
	            height: 26.041666666666668rpx;
	            overflow-wrap: break-word;
	            color: rgba(78, 88, 102, 1);
	            font-size: 27.083333333333332rpx;
	            font-family: PingFangSC-Medium;
	            font-weight: 500;
	            text-align: left;
	            white-space: nowrap;
	            line-height: 43.75rpx;
	            margin-top: 15.625rpx;
	          }
	        }
	        .text_14 {
	          width: 242.70833333333334rpx;
	          height: 23.958333333333332rpx;
	          overflow-wrap: break-word;
	          color: rgba(140, 151, 166, 1);
	          font-size: 25rpx;
	          font-family: PingFangSC-Medium;
	          font-weight: 500;
	          text-align: left;
	          white-space: nowrap;
	          line-height: 43.75rpx;
	          margin-top: 17.708333333333332rpx;
	        }
	      }
	      .image_13 {
	        width: 603.125rpx;
	        height: 1.0416666666666667rpx;
	        margin: 20.833333333333332rpx 0 0 42.708333333333336rpx;
	      }
	      .box_11 {
	        width: 626.0416666666666rpx;
	        height: 56.25rpx;
	        margin: 20.833333333333332rpx 0 0 41.666666666666664rpx;
	        .image-text_19 {
	          width: 210.41666666666666rpx;
	          height: 56.25rpx;
	          .single-avatar_8 {
	            background-color: rgba(151, 151, 151, 1);
	            border-radius: 50%;
	            width: 56.25rpx;
	            height: 56.25rpx;
	          }
	          .text-group_9 {
	            width: 135.41666666666666rpx;
	            height: 26.041666666666668rpx;
	            overflow-wrap: break-word;
	            color: rgba(78, 88, 102, 1);
	            font-size: 27.083333333333332rpx;
	            font-family: PingFangSC-Medium;
	            font-weight: 500;
	            text-align: left;
	            white-space: nowrap;
	            line-height: 43.75rpx;
	            margin-top: 15.625rpx;
	          }
	        }
	        .text_15 {
	          width: 242.70833333333334rpx;
	          height: 23.958333333333332rpx;
	          overflow-wrap: break-word;
	          color: rgba(140, 151, 166, 1);
	          font-size: 25rpx;
	          font-family: PingFangSC-Medium;
	          font-weight: 500;
	          text-align: left;
	          white-space: nowrap;
	          line-height: 43.75rpx;
	          margin-top: 17.708333333333332rpx;
	        }
	      }
	      .image-text_20 {
	        .text-group_10 {
	          width: 98.95833333333333rpx;
	          overflow-wrap: break-word;
	          color: rgba(187, 191, 205, 1);
	          font-size: 25rpx;
	          font-family: PingFangSC-Medium;
	          font-weight: 500;
	          text-align: left;
	        }
	        .icon_2 {
	          width: 10.416666666666666rpx;
	          height: 17.708333333333332rpx;
	          margin-top: 4.166666666666667rpx;
	        }
	      }
	    }
	  }
</style>